import './receiptGoods.scss'
import React from "react";
import { Col, Row, Descriptions, Table, Typography  } from 'antd';
import type { ColumnsType } from 'antd/es/table';
const { Text } = Typography;
interface DataType {
  key: string;
  id:number;
  name: string;
  code:string;
  num: number;
  get:number;
  tray: number;
}
const columns: ColumnsType<DataType> = [
  {
    title: '货品编号',
    dataIndex: 'id',
  },
  {
    title: '货品名称',
    dataIndex: 'name',
  },
  {
    title: '条码',
    dataIndex: 'code',
  },
  {
    title: '数量',
    dataIndex: 'num',
  },
  {
    title: '实收数',
    dataIndex: 'get',
  },
  {
    title: '托盘号',
    dataIndex: 'tray',
  },
];

const data: DataType[] = [
  {
    key: '1',
    id:1,
    name: '大白菜',
    code:'1111',
    num: 10,
    get:1,
    tray: 33,
  },
  {
    key: '1',
    id:2,
    name: '小白菜',
    code:'1112',
    num: 12,
    get:3,
    tray: 11,
  },
];


const ReceiptGoods = () => {
  return<div className='receiptGoods'>
    <div className='contain-box'>
      <div className='contain'>
        <div className='title'>
          <h2>大理仓收货验收单</h2>
        </div>
        <div className='img-box'>
          <div>条形码</div>
          <div>打印时间：2022-12-13 8:12:12</div>
        </div>
        <div className='row-box'>
          <Row>
            <Col span={8}>单价类型：采购入库</Col>
            <Col span={8}>供应商：白骨山</Col>
            <Col span={8}></Col>
          </Row>
        </div>
        <div>
          <Row>
            <Col span={8}>收货单号：123456789</Col>
            <Col span={8}>货主：妖精</Col>
            <Col span={8}>发货城市:元宇宙</Col>
          </Row>
        </div>
        <div className='list-box'>
          <Table
            columns={columns}
            dataSource={data}
            pagination={false}
            bordered
          />
        </div>
        <div>
          <Row>
            <Col span={6}>质检员：</Col>
            <Col span={6}>质检意见：</Col>
          </Row>
        </div>
      </div>
    </div>
  </div>
}
export default ReceiptGoods